<template>
    <div class="about">
        <h1 v-if="false">智能转换,快且安全</h1>
        <div v-if="false" class="desc">
            支持多种格式互相转换，支持图片、视频、音频、文档等格式转换，支持批量上传文件,安全纯净快速，打造极致的在线文件转换体验。
        </div>
        <Button v-if="false" size="large" class="experience_btn" shape="round">立即体验</Button>
        <Flex justify="center" align="flex-start" :gap="20" wrap="wrap">
            <div class="items">
                <CheckCircleOutlined />
                <span>安全：在线转换不存储任何客户资料</span>
            </div>
            <div class="items">
                <CheckCircleOutlined />
                <span>快速：超速下载、超速并传</span>
            </div>
            <div class="items" v-if="false">
                <CheckCircleOutlined />
                <span>免费：免费额度保证大多数的用户权益</span>
            </div>
            <div class="items">
                <CheckCircleOutlined />
                <span>纯净：无任何第三方广告,保障纯净体验</span>
            </div>
        </Flex>
    </div>
    <Estimate v-if="false" />
    <StatisticPage v-if="false" />
</template>
<script lang="ts" setup>
import {Button,Tabs,TabPane,Card,CardMeta,CardGrid,TypographyTitle,RadioGroup,RadioButton,Flex,Avatar,Statistic,Space} from 'ant-design-vue'
import {CheckCircleOutlined,RetweetOutlined,CodeOutlined,VideoCameraAddOutlined,LinkOutlined,PlusOutlined,FileDoneOutlined} from '@ant-design/icons-vue'
import Estimate from './components/estimate.vue'
import StatisticPage from './components/statistic.vue'

</script>
<style lang="scss" scoped>
.mt_40{
    margin-top: 40px;
}
.about{
    margin: 0 auto;
    padding: 20px 0 0px 0;
    text-align: center;
    width: $content-body-width;
    h1{
        font-size: 48px;
        margin: 0px;
    }
    .desc{
        font-size: 20px;
        max-width: 50%;
        line-height: 1.5;
        margin: 20px auto 40px auto;
    }
    .experience_btn{
        min-width: 160px;
    }
    .items{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-right: 42px;
        opacity: 0.6;
        &:last-child{
            margin-right: 0px;
        }
        span{
            margin-left: 10px;
        }
    }
}
</style>